import { CircleNode, CircleNodeModel, ConnectRule, GraphModel, h, NodeConfig } from '@logicflow/core';
import { nodeStyleHandle } from '../tool';

class EndModel extends CircleNodeModel {
  static extendKey = 'EndModel';
  constructor(data: NodeConfig, graphModel: GraphModel) {
    if (!data.text) {
      data.text = '';
    }
    if (data.text && typeof data.text === 'string') {
      data.text = {
        value: data.text,
        x: data.x,
        y: data.y + 40,
      };
    }
    super(data, graphModel);
  }

  setAttributes(): void {
    this.r = 18;
  }

  getConnectedSourceRules(): ConnectRule[] {
    const rules = super.getConnectedSourceRules();
    const notAsSource = {
      message: '结束节点不能作为边的起点',
      validate: () => false,
    };
    rules.push(notAsSource);
    return rules;
  }

  getNodeStyle(): {
    [x: string]: any;
    r?: number;
    fill?: string;
    stroke?: string;
    strokeWidth?: number;
  } {
    const style = super.getNodeStyle();
    return nodeStyleHandle(this, style);
  }
}

class EndView extends CircleNode {
  static extendKey = 'EndView';
  getAnchorStyle(): {} {
    return {
      visibility: 'hidden',
    };
  }

  getShape(): h.JSX.Element {
    const { model } = this.props;
    const style = model.getNodeStyle();
    const { x, y, r } = model;
    const outCircle = super.getShape();
    return h(
      'g',
      {},
      outCircle,
      h('circle', {
        ...style,
        cx: x,
        cy: y,
        r: r - 5,
      })
    );
  }
}

const End = {
  type: 'wlf:end',
  view: EndView,
  model: EndModel,
};

export { EndView, EndModel };
export default End;
